<%@page import="ecom.appcode.common.daobean.SliderDaoBean"%>
<%@page import="ecom.appcode.business.SliderLogicImpl"%>
<%@page import="ecom.appcode.business.SliderLogic"%>
<%@page import="ecom.appcode.common.bean.OrderDetailBean"%>
<%@page import="ecom.appcode.business.OrderDetailLogicImpl"%>
<%@page import="ecom.appcode.business.OrderDetailLogic"%>
<%@page import="ecom.appcode.common.daobean.OrderDaoBean"%>
<%@page import="ecom.appcode.business.CategoryLogicImpl"%>
<%@page import="ecom.appcode.business.CategoryLogic"%>
<%@page import="ecom.appcode.common.daobean.CategoryDaoBean"%>
<%@page import="java.util.List"%>
<%@page import="ecom.appcode.common.daobean.ShoesDaoBean"%>
<%@page import="ecom.appcode.common.model.ShoesModel"%>
<%@page import="ecom.appcode.business.ShoesLogic"%>
<%@page import="ecom.appcode.business.ShoesLogicImpl"%>
<%@page import="ecom.appcode.common.constants.CommonConstants"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Shopy Mart - Responsive E-commerce Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen" /> <!-- General style -->
<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" media="screen"><!-- prettyPhoto -->
<link href="css/tipsy.css" type="text/css" rel="stylesheet" media="screen"><!--tooltip-->
<link href="css/camera.css" type="text/css" rel="stylesheet" media="screen"><!--a-->
<link href="css/jcarousel.css" type="text/css" rel="stylesheet" media="screen" /> <!-- list_work -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Arvo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="js/css3-mediaqueries.js"></script><!--mediaqueries-->
<script type="text/javascript" src="js/modernizr-1.7.min.js"></script><!--modernizr-->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script><!-- prettyPhoto -->
<script type="text/javascript" src="js/jquery.tipsy.js"></script><!--tooltip-->
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script> <!--camera slider-->
<script type='text/javascript' src='js/camera.min.js'></script> <!--camera slider-->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"> </script> <!-- list_work -->
<script type="text/javascript" src="js/jquery-hover-effect.js"></script><!--Image Hover Effect-->
<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script><!--menu-->
<script type='text/javascript' src='js/jquery.dcmegamenu.1.3.3.js'></script><!--menu-->
<script type='text/javascript' src="js/jquery.tweet.js"></script><!--twitter plugin-->
<script type="text/javascript" src="js/jquery.quovolver.js"></script><!--blockquote-->
<script type="text/javascript" src="js/custom.js"></script><!--custom-->
<script type="text/javascript" src="js/index.js"></script><!--custom-->
<!--MENU-->
<script type="text/javascript">
$(document).ready(function($){
    $('#mega-menu-3').dcMegaMenu({
        rowItems: '2',
        speed: 'fast',
        effect: 'fade'
    });
});
</script>
</head>
 <%
      ShoesModel shoesModel = new ShoesModel();
      String date = CommonConstants.DATE_NEW_ARRIVALS;
      int index = CommonConstants.NUM_8;
      ShoesLogic shoesLogic = new ShoesLogicImpl();
      OrderDetailLogic orderDetailLogic = new OrderDetailLogicImpl();
      // Load top 8 New Arrivals Items
      List<ShoesDaoBean> shoesList = shoesLogic.loadNewArrivalsItems(date, index);
      shoesModel.setShoesListBean(shoesList);
      
      // Load top 20 Sale Item
      List<ShoesDaoBean> SaleList = shoesLogic.loadTop20SaleShoes();
      
      CategoryDaoBean categoryBean = new CategoryDaoBean();
      CategoryLogic cateLogic = new CategoryLogicImpl();
      List<CategoryDaoBean> cateList = cateLogic.loadCategoryName();
      
      // Load Color on combobox
      List<ShoesDaoBean> colorList = shoesLogic.loadColor();
      
      // Load Best Product
      List<OrderDetailBean> orderList = orderDetailLogic.selectBestProduct();
      
      /** Load Slider */
      SliderLogic sliderLogic = new SliderLogicImpl();
      List<SliderDaoBean> sliderList = sliderLogic.loadAllSlider();
%>
<body>

    <div id="page_wrap">
        <header>
            <div id="top">
                <c:set var="email" value="${sessionScope.EMAIL}"></c:set>
                <span>
                <c:if test="${not empty email}">
                    Hello! ${sessionScope.EMAIL}
                </c:if>
                <c:if test="${empty email}">
                     <a href="register.jsp">Click here to register</a> 
                </c:if>
                </span>
               
            </div><!--end:top-->
            
            
            <div id="top2">
                <ul class="myaccountmenu">
                    <li><a href="my-account.jsp" class="first">My Account</a></li>
                    <!--  
                    <li><a href="wishlist.html">My Wishlist</a></li>
                    -->
                    <li><a href="view-cart.jsp">My Cart</a></li>
<!--                     <li><a href="CartAction?btAction=CheckOut&txtEmail=${email}">Checkout</a></li> -->
                    <li class="login">
                      <a href="#login-box" class="last login-window">
                          
                          <c:if test="${not empty email}">
                            <a href="ShoesIndexAction?valueBtn=Logout&txtLogoutPage=index.jsp">Logout</a>
                          </c:if>
                          <c:if test="${empty email}">
                                Login
                          </c:if>
                       </a>
                    </li>
                </ul>
                <!-- Login Popup -->
                <div id="login-box" class="login-popup">
                <a href="#" class="close"><img src="images/process-stop.png" class="btn_close" title="Close Window" alt="Close" /></a>
                  <form action="ShoesIndexAction" method="post" class="signin" >
                        <fieldset class="textbox">
                        <label class="username">
                        <span>Email</span>
                        <input id="username" name="txtEmail" type="text" autocomplete="on" placeholder="Username">
                        </label>
                        <label class="password">
                        <span>Password</span>
                        <input id="password" name="txtPassword" type="password" placeholder="Password">
                        </label>
                         <button  class="submit button" name="valueBtn" onclick="changeValueLoginHiddenField()" value="Login">Login</button>
                        <input type="hidden" name="valueBtn" id="txtValueBtn" value="abc">
                        <p>
                        <a class="forgot" href="#">Forgot your password?</a> / <a class="register" href="register.html">Create an Account</a>
                        </p>        
                        <input type="hidden" name="txtPage" value="index.jsp"> 
                        </fieldset>
                  </form>
                </div>
                <!-- start Demo header -->    
                <div id="demo-header">
                    <c:set value="${sessionScope.SHOP}" var="shop"></c:set>
                    <c:if test="${not empty shop}">
                    
                    <c:set var="total" value="0"/>
                    <c:forEach var="row" items="${shop.totalList}" varStatus="counter">
                        <c:set var="numberItem" value="${counter.count}"></c:set>
                        <c:set var="total" value="${total +(row.unitPrice * row.quantity*1.00)}"/>
                    </c:forEach>
                    <a id="cart-link" href="#cart" title="Cart">${numberItem} Items - $${total}</a>
                    <div id="cart-panel">
                        <div class="item-cart">
                        <table>
                          <tbody>        
                          <c:forEach var="row" items="${shop.totalList}" varStatus="counter">
                            <tr>
                              <td class="image"><a href="product.html"><img width="60" height="60" src="${row.image}" alt="product" title="product"></a></td>
                              <td class="name"><a href="product.html">${row.shoesName}</a></td>
                              <td class="quantity">x&nbsp;${row.quantity}</td>
                              <td class="total">$${row.unitPrice * row.quantity}</td>
                              <c:set var="total" value="${total +(row.unitPrice * row.quantity*1.00)}"/>
                              <td class="remove"><i class="icon-remove "></i></td>
                            </tr>
                          </c:forEach>
                          </tbody>
                        </table>
                        <table>
                          <tbody>
                            <tr>
                              <td class="textright"><b>Total:</b></td>
                              <td class="textright">$${total/2}</td>
                            </tr>
                          </tbody>
                        </table>
                        <div class="buttoncart">
                          <a href="view-cart.jsp">View Cart</a>
                          <a href="CartAction?btAction=CheckOut&txtEmail=${email}">Checkout</a>
                        </div>
                    </div>
                    </c:if>
                    <c:if test="${empty shop}">
                    <c:set var="total" value="0"/>
                    <c:forEach var="row" items="${shop.totalList}" varStatus="counter">
                        <c:set var="numberItem" value="${counter.count}"></c:set>
                        <c:set var="total" value="${total +(row.unitPrice * row.quantity*1.00)}"/>
                    </c:forEach>
                    <a id="cart-link" href="#cart" title="Cart">${numberItem} Items - $${total}</a>
                    
                    <div id="cart-panel">
                        <div class="item-cart">
                        <center><font color="orange">Cart is empty</font></center>

                    </div>
                    </c:if>
                    </div><!-- /login-panel -->
                </div><!-- /demoheader -->  
            </div><!--end:top2-->
            
            
            <div id="top3">
                <h1 class="logo"><a href="index.jsp">Shopy Mart</a></h1>
                <form action="ShoesIndexAction" method="post" class="search_bar">
                    <fieldset>
                              <div class="controls">
                                <small>Color:</small>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                <select id="select01" class="span3" name="txtSelectColor">
                                  <option>Select</option>
                                  <%
                                      for (int i = 0; i < colorList.size(); i++) {
                                              ShoesDaoBean colorBean = (ShoesDaoBean) colorList.get(i);                       
                                  %>
                                        <option><%= colorBean.getColor() %></option>
                                  <%
                                      }
                                  %> 
                                </select>
                              </div>
                      <input type="text" name="txtSearchShoesName" class="search" placeholder="Shoes Name"/>
                      <input type="submit" name="valueBtn" value="Search" class="submit" />
                    </fieldset>
                </form>
            </div><!--end:top3-->
        </header>
        <div id="container">
            <nav>  
                <ul id="mega-menu-3" class="mega-menu">
                    <li class="first"><a href="index.jsp" class="current">Home</a></li>
                    <li><a href="#">New Arrivals</a>
                       <ul>
                          <%
                              for (int i = 0; i < cateList.size(); i++) {
                                      CategoryDaoBean cateBean = (CategoryDaoBean) cateList.get(i);                       
                          %>
                                <li><a href='ShoesIndexAction?valueBtn=loadCategory&txtCategoryID=<%= cateBean.getCategoryID() %>&txtCategoryName=<%= cateBean.getCategoryName()%>'><%= cateBean.getCategoryName() %></a> </li>
                          <%
                              }
                          %>   
                      </ul>
                    </li>
                <li><a href="#">Mens</a>
                       <ul>
                          <%
                              for (int i = 0; i < cateList.size(); i++) {
                                      CategoryDaoBean cateBean = (CategoryDaoBean) cateList.get(i);
                          %>
                                 <li><a href='ShoesIndexAction?valueBtn=loadCategoryBySex&txtCategoryID=<%= cateBean.getCategoryID() %>&txtCategoryName=<%= cateBean.getCategoryName()%>&txtSex=mens'><%= cateBean.getCategoryName() %></a> </li>
                          <%
                              }
                          %>   
                      </ul>
                </li>
                <li><a href="#">Women</a>
                       <ul>
                          <%
                              for (int i = 0; i < cateList.size(); i++) {
                                      CategoryDaoBean cateBean = (CategoryDaoBean) cateList.get(i);
                          %>
                                 <li><a href='ShoesIndexAction?valueBtn=loadCategoryBySex&txtCategoryID=<%= cateBean.getCategoryID() %>&txtCategoryName=<%= cateBean.getCategoryName()%>&txtSex=womens'><%= cateBean.getCategoryName() %></a> </li>
                          <%
                              }
                          %>   
                      </ul>
                </li>
                <li><a href="ShoesIndexAction?valueBtn=ViewSaleItem">Sales Item</a></li>
                <li><a href="contact.jsp">Contact</a></li>
                </ul>
            </nav><!--end:grey-->
            <div class="content-wrap">
                <div id="featured">
                   <div class="camera_wrap camera_emboss " id="camera_wrap_1">

                          <%
                              for (int i = 0; i < sliderList.size(); i++) {
                                      SliderDaoBean sliderBean = (SliderDaoBean) sliderList.get(i);              
                          %>        
                          <div data-thumb="images/slides/thumbs/bridge.jpg" data-src="<%= sliderBean.getImage() %>">
                              <div class="camera_caption moveFromLeft">
                                  <h2>Awesome Responsive Online Store</h2>
                                  <p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                                  <div class="button">
                                    <a href="view-cart.jsp">View Cart</a>
                                    <a href="CartAction?btAction=CheckOut&txtEmail=${email}">Checkout</a>
                                  </div>
                              </div>
                         </div>  
                          <%
                              }
                          %>  
 
                </div><!-- #camera_wrap_1 -->
                    <div style="clear:both; display:block; height:40px"></div>
                </div><!--end:featured-->
                <div id="intro">
                    <div class="one-fourth serv first">
                        <img src="images/service-1.png" alt="">
                        <h3><a href="#">Free Shipping</a></h3>
                        <span>Available</span>
                    </div>
                    <div class="one-fourth serv">
                        <img src="images/service-2.png" alt="">
                        <h3><a href="#">30 Days Return</a></h3>
                        <span>Easy Return</span>
                    </div>
                    <div class="one-fourth serv">
                        <img src="images/service-3.png" alt="">
                        <h3><a href="#">Call Us</a></h3>
                        <span>0936247325</span>
                    </div>
                    <div class="one-fourth serv">
                        <img src="images/service-4.png" alt="">
                        <h3><a href="#">Secured</a></h3>
                        <span>Checkout</span>
                    </div>
                </div>
                <div class="container-2">
                    <section class="content">
                        <div class="list_work">
                        <h4>Featured Products</h4>
                        <ul id="mycarousel" class="jcarousel-skin-tango item da-thumbs">
                  <%
                      for (int i = 0; i < shoesList.size(); i++) {
                              ShoesDaoBean shoe = (ShoesDaoBean) shoesList.get(i);
                  %>
                  <li>
                                <img src="<%=shoe.getUrlImage() %>" alt="" />
                                <span><%=shoe.getShoesName() %> &nbsp;&nbsp;<small>$<%=shoe.getUnitPrice() %></small></span>
                                <span class="new">New</span>
                                <article class="da-animate da-slideFromRight" style="display: block;">
                                    <h3><%=shoe.getShoesName() %> </h3>
                                    <p>
                                    <a href="ShoesIndexAction?valueBtn=ViewProduct&txtShoesID=<%=shoe.getShoesID() %>" class="link tip" title="View Detail"></a>&nbsp;
                                    <a href="CartAction?btAction=AddToCart&txtShoesID=<%=shoe.getShoesID() %>&txtPage=index.jsp" class="cart tip" title="Add to cart"></a>&nbsp;&nbsp;
                                    <a href="<%=shoe.getUrlImage() %>" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom" ></a></p>
                                </article>
                    </li>
                  <%
                      }
                  %> 
                            </ul>
                        </div><!--end:list_work-->
                        <div class="list_work list_work2">
                        <h4>TOP 20 Sale Items</h4>
                        <ul id="mycarouselnew" class="jcarousel-skin-tango item">
                            <%
                                for (int i = 0; i < SaleList.size(); i++) {
                                        ShoesDaoBean shoesBean = (ShoesDaoBean) SaleList.get(i);
                                        float realPrice = shoesBean.getUnitPrice() - (shoesBean.getUnitPrice() * shoesBean.getDiscount()/100);
                            %>
                            <li>
                                <img src="<%= shoesBean.getUrlImage() %>" alt="" />
                                <span><%= shoesBean.getShoesName() %><br>
                                <small class="sale"><%= shoesBean.getUnitPrice() %></small>&nbsp;&nbsp;
                                <small><%= realPrice %></small></span>
                                <span class="sale">Sale</span>
                                <ul>
                                    <li><a href="CartAction?btAction=AddToCart&txtShoesID=<%=shoesBean.getShoesID() %>&txtRealPrice=<%= realPrice %>&txtPage=index.jsp" class="cart tip" title="Add to Cart">Cart</a></li>
                                    <li><a href="<%= shoesBean.getUrlImage() %>" rel="prettyPhoto[gallery1]" class="zoom tip" title="Zoom">Zoom</a></li>
                                    <li><a href="wishlist.html" class="wishlist tip" title="Add to Wishlist">Add Wishlist</a></li>
                                    <li><a href="compare.html" class="compare tip" title="Compare">Compare</a></li>
                                </ul>
                            </li>
                            <%
                                }
                            %>  
                    
                         </ul>
                        </div><!--end:list_work-->
                    </section>
                    <aside class="sidebar">
                        <div class="side">
                            <h4>Bestsellers</h4>
                            
                                
                                  <%
                                      for (int i = 0; i < orderList.size(); i++) {
                                              OrderDetailBean orderBean = (OrderDetailBean) orderList.get(i); 
                                              int shoesID = orderBean.getShoesID();
                                              // SELECT BY ID
                                              ShoesDaoBean shoesBean = shoesLogic.loadAShoesProduct(shoesID);
                                  %>
                                  <div class="entry">
                                    <div class="da-thumbs">
                                      <div>
                                          <img src="<%= shoesBean.getUrlImage() %>" alt="">
                                          <article class="da-animate da-slideFromRight" style="display: block;">
                                              <p><a href="ShoesIndexAction?valueBtn=ViewProduct&txtShoesID=<%=shoesBean.getShoesID() %>" class="link"></a></p>
                                          </article>
                                      </div>   
                                    </div>
                                  <h3><a href="product-detail.html"><%= shoesBean.getShoesName() %></a></h3>
                                  <%
                                  if(shoesBean.getDiscount() == 100) {
                                      %> 
                                      <small>$<%= shoesBean.getUnitPrice() %></small>
                                      <% 
                                  } else {
                                      %> 
                                      <small>$<%= shoesBean.getUnitPrice()-shoesBean.getUnitPrice() * shoesBean.getDiscount() / 100 %></small>
                                      <%       
                                  }
                                  %>
                                  
                                 </div>    <!-- Close Entry -->
                                  <%
                                      }
                                  %> 

                            

<!--                         <div class="side"> -->
<!--                           <h4>Our Customer Love Us!</h4> -->
<%--             <ul id="fade"> <li> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=380838961990617&amp;xfbml=1"></script><fb:like href="" send="false" layout="box_count" width="30" show_faces="false" font="tahoma" fb-xfbml-state="rendered" class="fb_edge_widget_with_comment fb_iframe_widget"><span style="height: 61px; width: 44px;"><iframe id="f1d5499e0" name="f16401d7" scrolling="no" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=380838961990617&amp;locale=en_US&amp;sdk=joey&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D25%23cb%3Df3141475c4%26origin%3Dhttp%253A%252F%252Fforum.kienthuchay.org%252Ff3d3f948d%26domain%3Dforum.kienthuchay.org%26relation%3Dparent.parent&amp;href=http%3A%2F%2Fforum.kienthuchay.org%2F&amp;node_type=link&amp;width=55&amp;font=tahoma&amp;layout=box_count&amp;colorscheme=light&amp;show_faces=false&amp;send=false&amp;extended_social_context=false" style="border: none; overflow: hidden; height: 61px; width: 44px;"></iframe></span></fb:like> </li> <li><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1371247185.html#_=1371603637789&amp;count=vertical&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2Fforum.kienthuchay.org%2F&amp;size=m&amp;text=%3A%3A%3AKi%E1%BA%BFn%20Th%E1%BB%A9c%20Hay%3A%3A%3A&amp;url=http%3A%2F%2Fforum.kienthuchay.org%2F" class="twitter-share-button twitter-count-vertical" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 59px; height: 62px;"></iframe><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li><li><div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 50px; height: 60px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" tabindex="0" vspace="0" width="100%" id="I0_1371603638214" name="I0_1371603638214" src="https://apis.google.com/_/+1/fastbutton?bsv&amp;size=tall&amp;hl=en-US&amp;origin=http%3A%2F%2Fforum.kienthuchay.org&amp;url=http%3A%2F%2Fforum.kienthuchay.org%2F&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.94kietajA2A.O%2Fm%3D__features__%2Fam%3DEQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTPJaIoR7nRDZrFe8-7zlRc_UX4w9A#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled&amp;id=I0_1371603638214&amp;parent=http%3A%2F%2Fforum.kienthuchay.org&amp;rpctoken=38944524" allowtransparency="true" data-gapiattached="true" title="+1"></iframe></div><script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script></li></ul> --%>
<!--                         </div> -->
                    
                    </aside>
                </div><!--end:container-2-->
                
                
                
                
                
                
                
                

            </div><!--end:content-wrap-->
            <footer>
                <div class="content-wrap">
                    <div class="one-fourth first">
                        <h4>Information</h4>
                        <ul>
                            <li><a href="http://html5awesome.com/themeforest/shopymart/about.html">About Us</a></li>
                            <li><a href="#">Delivery Information</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Terms &amp; Condition</a></li>
                        </ul>
                    </div>
                    <div class="one-fourth">
                        <h4>Customer Services</h4>
                        <ul>
                            <li><a href="contact.html">Contact Us</a></li>
                            <li><a href="#">Shipping Returns</a></li>
                            <li><a href="#">Secure Shopping</a></li>
                        </ul>
                    </div>
                    <div class="one-fourth">
                        <h4>Extras</h4>
                        <ul>
                            <li><a href="brands.html">Brands</a></li>
                            <li><a href="#">Gift Vouchers</a></li>
                            <li><a href="#">Affiliates</a></li>
                            <li><a href="#">Special</a></li>
                        </ul>
                    </div>
                    <div class="one-fourth">
                        <h4>My Account</h4>
                        <ul>
                            <li><a href="account.html">My Account</a></li>
                            <li><a href="#">Order History</a></li>
                            <li><a href="wishlist.html">Wishlist</a></li>
                            <li><a href="#">Newsletter</a></li>
                        </ul>
                    </div>
                </div>
                <div class="content-wrap">
                    <div style="clear:both; display:block;" class="social-wrap"></div>
                    <ul class="social">
                        <li><a href="#" class="tip" title="Facebook"><img src="images/social-icon-facebook.png" alt="Facebook"></a></li>
                        <li><a href="#" class="tip" title="Dribbble"><img src="images/social-icon-dribbble.png" alt="Dribbble"></a></li>
                        <li><a href="#" class="tip" title="Flickr"><img src="images/social-icon-flickr.png" alt="Flickr"></a></li>
                        <li><a href="#" class="tip" title="Pinterest"><img src="images/social-icon-pinterest.png" alt="Pinterest"></a></li>
                        <li><a href="#" class="tip" title="Twitter"><img src="images/social-icon-twitter.png" alt="Twitter"></a></li>
                        <li><a href="#" class="tip" title="RSS"><img src="images/social-icon-rss.png" alt="RSS"></a></li>
                    </ul>
                    <ul class="payment">
                        <li><a href="#" class="tip" title="Paypal"><img src="images/payment-icon-paypal.png" alt="Paypal"></a></li>
                        <li><a href="#" class="tip" title="American Express"><img src="images/payment-icon-ae.png" alt="American Express"></a></li>
                        <li><a href="#" class="tip" title="Discover"><img src="images/payment-icon-discover.png" alt="Discover"></a></li>
                        <li><a href="#" class="tip" title="Master Card"><img src="images/payment-icon-mastercard.png" alt="Master Card"></a></li>
                        <li><a href="#" class="tip" title="Visa"><img src="images/payment-icon-visa.png" alt="Visa"></a></li>
                    </ul>
                    <p style="clear:both; display:block;">&copy; 2013 <a href="index.jsp">Shopymart</a>, All Rights Reserved. Designed by: <a href="#">louiejiemahusay</a></p>
                </div>
            </footer>
        </div><!--end:container-->
    </div><!--end:page_wrap-->
    
    
    
    
<script type="text/javascript">
//------JCAROUSEL-------------
        function mycarousel_initCallback(carousel){
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
        });
        carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
        });
        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };
    jQuery(document).ready(function() {
        jQuery('#mycarousel, #mycarouselnew').jcarousel({
            auto: 0,
            wrap: 'last',
            initCallback: mycarousel_initCallback
        });
    }); 
</script>    
<script type="text/javascript">
   jQuery(function($){
        $(".tweet").tweet({
          join_text: "auto",
          username: "html5awesome",
          avatar_size: 48,
          count: 3,
          auto_join_text_default: " we said, ",
          auto_join_text_ed: " we ",
          auto_join_text_ing: " we were ",
          auto_join_text_reply: " we replied ",
          auto_join_text_url: " we were checking out ",
          loading_text: "loading tweets..."
        });
      });
  </script>
    <script type="text/javascript">(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "../../../connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
